.<template>
  <!-- 信息录入 -->
  <div class="box">
    <OrderInformation :orderNumber="orderNumber"></OrderInformation>
    <div class="enterInfor">
      <table>
        <tr>
          <td rowspan="2" width="150" class="left">客户信息</td>
          <td width="150" class="title">购房人姓名</td>
          <td>{{ showForm.basicBorrowerName }}</td>
          <td width="150" class="title">身份证号码</td>
          <td>{{ showForm.basicBorrowerCard }}</td>
          <td width="150" class="title">联系电话</td>
          <td>{{ showForm.basicBorrowerPhone }}</td>
          <td width="150" class="title">现住地址</td>
          <td>{{ showForm.basicBorrowerAddress }}</td>
        </tr>
        <tr>
          <td width="150" class="title">受理时间</td>
          <td>{{ showForm.acceptTime }}</td>
          <td width="150" class="title"></td>
          <td></td>
          <td width="150" class="title"></td>
          <td></td>
          <td width="150" class="title"></td>
          <td></td>
        </tr>
      </table>

      <table>
        <tr>
          <td rowspan="3" width="150" class="left">不动产信息</td>
          <td width="150" class="title">不动产地址</td>
          <td>{{ showForm.pledgeHouseAddress }}</td>
          <td width="150" class="title">不动产产权号</td>
          <td>{{ showForm.pledgeHouseNumber }}</td>
          <td width="150" class="title">所属区域</td>
          <td>{{ showForm.pledgeHouseDistrict }}</td>
          <td width="150" class="title">小区名字</td>
          <td>{{ showForm.pledgeHouseName }}</td>
        </tr>
        <tr>
          <td width="150" class="title">建站面积（m²）</td>
          <td>{{ showForm.pledgeHouseArea }}</td>
          <td width="150" class="title">房屋起拍价（万元）</td>
          <td>{{ showForm.pledgePreliminaryMoney }}</td>
          <td width="150" class="title">房屋市场价（万元）</td>
          <td>{{ showForm.pledgeOneBalance }}</td>
          <td width="150" class="title">拍卖日期</td>
          <td>{{ showForm.justTime }}</td>
        </tr>
        <tr>
          <td width="150" class="title">查封法院</td>
          <td>{{ showForm.guaranteeName }}</td>
          <td width="150" class="title">是否交保证金</td>
          <td>{{ showForm.handselSure }}</td>
          <td width="150" class="title">交付时间</td>
          <td>{{ showForm.lendingTime }}</td>
          <td width="150" class="title">交付金额(月)</td>
          <td>{{ showForm.lendingAmount }}</td>
        </tr>
      </table>

      <table>
        <tr>
          <td width="150" class="left">财务信息</td>
          <td width="150" class="title">定金收费（元）</td>
          <td>{{ showForm.advanceMoney }}</td>
          <td width="150" class="title">实际收费时间</td>
          <td>{{ showForm.advanceTime }}</td>
          <td width="150" class="title"></td>
          <td></td>
          <td width="150" class="title"></td>
          <td></td>
        </tr>
        <tr>
          <td width="150" class="left">拍卖信息</td>
          <td width="150" class="title">拍卖成交价（万元）</td>
          <td>{{ showForm.contractGuaranteeMoney }}</td>
          <td width="150" class="title">拍卖成交时间</td>
          <td>{{ showForm.loanTime }}</td>
          <td width="150" class="title"></td>
          <td></td>
          <td width="150" class="title"></td>
          <td></td>
        </tr>
      </table>

      <table>
        <tr>
          <td rowspan="2" width="150" class="left">贷款信息</td>
          <td width="150" class="title">买家按揭银行</td>
          <td>{{ showForm.buyLoansBank }}</td>
          <td width="150" class="title">买家按揭金额（万元）</td>
          <td>{{ showForm.basicLoansMoney }}</td>
          <td width="150" class="title">买家按揭期限（月）</td>
          <td>{{ showForm.basicLoansMonths }}</td>
          <td width="150" class="title"></td>
          <td></td>
        </tr>
        <tr>
          <td width="150" class="title">担保出保函时间</td>
          <td>{{ showForm.loanUpTime }}</td>
          <td width="150" class="title">银行放款账户</td>
          <td>{{ showForm.accountNum }}</td>
          <td width="150" class="title">开户行</td>
          <td>{{ showForm.accountBank }}</td>
          <td width="150" class="title">开户名</td>
          <td>{{ showForm.accountName }}</td>
        </tr>
      </table>

      <table>
        <tr>
          <td width="150" class="left">法院信息</td>
          <td width="150" class="title">打款时间</td>
          <td>{{ showForm.agencyBeginTime }}</td>
          <td width="150" class="title">法院交资料</td>
          <td>{{ showForm.justSure }}</td>
          <td width="150" class="title">领取裁定书时间</td>
          <td>{{ showForm.agencyEndTime }}</td>
          <td width="150" class="title"></td>
          <td></td>
        </tr>
        <tr>
          <td width="150" class="left">权证信息</td>
          <td width="150" class="title">解封时间</td>
          <td>{{ showForm.decompressionTime }}</td>
          <td width="150" class="title">抵押时间</td>
          <td>{{ showForm.pledgeTime }}</td>
          <td width="150" class="title">过户时间</td>
          <td>{{ showForm.transferTime }}</td>
          <td width="150" class="title">回证银行时间</td>
          <td>{{ showForm.obtainTime }}</td>
        </tr>
        <tr>
          <td width="150" class="left">尾款信息</td>
          <td width="150" class="title">收费金额</td>
          <td>{{ showForm.chargeMoney }}</td>
          <td width="150" class="title">实际收费时间</td>
          <td>{{ showForm.chargeTime }}</td>
          <td width="150" class="title"></td>
          <td></td>
          <td width="150" class="title"></td>
          <td></td>
        </tr>
        <tr style="height:100px">
          <td width="150" class="left">备注</td>
          <td colspan="8" class="bz">
            <div v-html="showForm.postscript"></div>
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
import OrderInformation from "@/components/business/OrderInformation";
import { getAucMort } from "../../../src/assets/js/api";
export default {
  name: "TerInfor",
  created() {
    this.orderNumber = this.orderNumber = sessionStorage.getItem("orderNumber");
    this.getAucInfo();
  },
  components: { OrderInformation },
  data() {
    return {
      orderNumber: "",
      showForm: {}
    };
  },
  methods: {
    //获取录入信息
    getAucInfo() {
      getAucMort(this.orderNumber).then(res => {
        this.showForm = res.data;
      });
    }
  }
};
</script>
<style scoped type="less">
.enterInfor table {
  width: 100%;
  margin-bottom: 10px;
  word-break: break-all;
}
.enterInfor table {
  border-collapse: collapse;
  table-layout: fixed;
  border: none;
}
.enterInfor table td {
  padding: 5px 0;
  font-size: 14px;
  color: #333333;
  text-align: left;
  padding-left: 10px;
  border: 1px rgb(121, 121, 121) solid;
}
::v-deep .el-range-editor--small.el-input__inner {
  width: 210px;
}
.enterInfor .left {
  font-size: 14px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  text-align: center;
  padding: unset;
}
.enterInfor .title {
  background: rgba(59, 157, 248, 0.06);
}
.enterInfor .bz {
  padding: unset;
  vertical-align: unset;
  line-height: 24px;
  text-indent: 2em;
}
</style>
